﻿
{% load static %}
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>登录页面</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
		<script src="{% static 'js/flexible.js' %}" type="text/javascript" ></script>
		<script src="{% static 'js/zepto.min.js' %}" type="text/javascript" ></script>
	</head>
	<body>
		<!--头像-->
		<div class="head">
			<div class="img">
				<img src="{% static 'image/head.png' %}" alt="登录头像">
			</div>
			<p>登录</p>
		</div>
		<!--登陆-->
		<form method="post" action=".">
            {% csrf_token %}
			<div class="item">
				<input id="username" type="text" name="username" maxlength="20" placeholder="请输入您的姓名" autocomplete="off" class="username" required>
			</div>
			<div class="item">
				<input id="password" type="password" name="password" maxlength="4" placeholder="请输入您的身份证号后四位" autocomplete="off" class="password" required>
			</div>
			<div class="submit"><button>登 陆</button></div>
		</form>

	</body>

</html>
